@import url(../css.css);
@charset "utf-8";
html, body{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	background-color:#dcecf1;
	font-family: 'Roboto', sans-serif;
    color: #666;
}


/* header */
header{
	width:100%;
	height:168px;
	background:url(../images/build/header-back.png) repeat-x top;

}
		header div.header-base{
			width:1024px;
			height:168px;
			margin:0 auto;
			background:url(../images/build/header-back.png) repeat-x top;
		}
				header div.fecha{
					width:260px;
					height:18px;
					text-align:right;
					font-size: 12px;
					margin:0 10px 0 0;
					padding-top:6px;
					color:#d0e4ef;
					text-shadow: 1px 1px #265c94;
                    float: right;
                    font-weight: 300;
				}

                header div.acceso{
					width:100px;
					height:18px;
					text-align:right;
					font-size: 12px;
					margin:0;
					padding-top:6px;
					color:#d0e4ef;
					text-shadow: 1px 1px #265c94;
                    float: right;
				}

                

                        header div.acceso a{color:#fff;text-shadow: 1px 1px #265c94;text-decoration: none;border-left: 1px solid #7fb3d0;border-right: 1px solid #7fb3d0; padding: 0 10px;}
                        header div.acceso a:hover{color:#93cceb;text-shadow: 1px 1px #265c94;text-decoration: none;}

                header div.logeo{
					width:640px;
					height:18px;
					text-align:left;
					font-size: 12px;
					margin:0;
					padding-top:6px;
					color:#d0e4ef;
					text-shadow: 1px 1px #265c94;
                    float: left;
				}

                        header div.logeo a{color:#fff;text-shadow: 1px 1px #265c94;text-decoration: none;border-left: 1px solid #7fb3d0;border-right: 1px solid #7fb3d0; padding: 0 10px;}
                        header div.logeo a:hover{color:#93cceb;text-shadow: 1px 1px #265c94;text-decoration: none;}
				

				header div.logo{
					width:264px;
					height:96px;
					float:left;
					margin:25px 0 0 0;
					
				}
						header a#logo{
							background:url(../images/build/Asturcom-Logo.png) no-repeat top left;
							display:block;
							float:left;
							width:264px;
							height:96px;
						}

                header div.buscador{
                    width: 202px;
                    height: 34px;
                    float: right;
                    background:url(../images/build/buscador.png) no-repeat top left;
                    margin: 30px 0 0 15px;
                }

                        header div.buscador input{
                            width: 146px;
                            height: 22px;
                            border: 0;
                            background: 0;
                            float: left;
                            padding: 5px 10px;
                            color: #3d5d67;
                            margin: 1px 0 0 0;
                        }
                        header div.buscador input[type="submit"]{
                            width: 32px;
                            height: 32px;
                            float: right;
                            background:url(../images/build/transparente.png) repeat;
                            cursor: pointer;
                            margin: 1px 0 0 0;
                        }

                header div.twitter{
                    width: 32px;
                    height: 32px;
                    float: right;
                    margin: 31px 0 0 10px;
                }
                
                header div.facebook{
                    width: 32px;
                    height: 32px;
                    float: right;
                    margin: 31px 0 0 400px;
                }
				
				header nav{
					width:auto;
					height:22px;
					float:right;
					margin:35px 0 0 0;
                     border-left: 1px solid #8b0f2e;
					 font-size: 15px
				}
				/* Estilo del Menu */

                    header nav.jqueryslidemenu ul{
                        margin: 0;
                        padding: 0;
                        list-style-type: none;
                       
                    }

                    /*Top level list items*/
                    header nav.jqueryslidemenu ul li{
                        position: relative;
                        display: inline;
                        float: right;
                    }

                    /*Top level menu link items style*/
                    header nav.jqueryslidemenu ul li a{
                        display: block;
                        padding: 0 9px;
                        border-right: 1px solid #8b0f2e;
                        color: #8b0f2e;
                        text-decoration: none;
                        text-transform: uppercase;
                    }

                    header nav.jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
                        display: inline-block;
                    }

                    header nav.jqueryslidemenu ul li a{
                        color: #8b0f2e;
                    }

                    header nav.jqueryslidemenu ul li a:hover{
                        color: #357293;
                    }

                    /*1st sub level menu*/
                    header nav.jqueryslidemenu ul li ul{
                        position: absolute;
                        left: 0;
                        display: block;
                        visibility: hidden;
                        border-top: 1px solid #a2cad7;
                        z-index: 9999;
                    }

                    /*Sub level menu list items (undo style from Top level List Items)*/
                    header nav.jqueryslidemenu ul li ul li{
                        display: list-item;
                        float: none;
                        
                    }

                    /*All subsequent sub menu levels vertical offset after 1st level sub menu */
                    header nav.jqueryslidemenu ul li ul li ul{
                        top: 0;
                    }

                    header nav.jqueryslidemenu ul li ul li ul li a{
                        top: 0;
                        border-left:none;
                    }

                    /* Sub level menu links style */
                    header nav.jqueryslidemenu ul li ul li a{
                        font: normal 12px Roboto;
                        width: 170px; /*width of sub menus*/
                        padding: 5px;
                        margin: 0;
                        border-top-width: 0;
                        border-bottom: 1px solid #a2cad7;
                        border-left:1px solid #a2cad7;
                        border-right: 1px solid #a2cad7;
                        background: #cee3ea; /*background of tabs (default state)*/
                        color: #287dac;
                        text-transform: none;
                    
                    }

                    header nav.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
                        background: #a2cad7;
                        color: #287dac;
                    }

				
				
	.gallery{ 
        display: grid;
        grid-template-columns: auto auto auto auto auto;
     }
	
    .gallery img{  width: 100%; border: 1px solid #000; }
				
				
/* section */
 section{
	 width:1024px;
	 height:auto;
	 padding-bottom:15px;
	 margin:20px auto 10px auto;
     /*background-color:#069;*/
	 display:block;
 }

        section h1{
            width: 100%;
            height: auto;
            margin: 0 0 10px 0;
            color: #1d5b9c;
        }
        
        section p{
            width: 100%;
            height: auto;
            color: #666;
            font-size: 15px;
            font-weight: 300;
            font-family: 'Trebuchet MS', Helvetica, sans-serif;
            margin: 0;
        }


         section div.content-info{
            width: 982px;
            height: auto;
            background-color: #fff;
            border:1px solid #b5d0d9;
            padding: 20px;
            margin-bottom: 25px;
        }

                section div.content-info h1{
                    width: 100%;
                    height: auto;
                    color: #8b0f2e;
                    border-bottom:1px solid #e7e7e7;
                    padding: 0 0 10px 0;
                    margin-bottom: 25px;
                    display: block;
                }

                section div.content-info h2{
                    width: 100%;
                    height: auto;
                    color: #8b0f2e;
                    border-bottom:1px solid #e7e7e7;
                    padding: 0 0 10px 0;
                    margin-bottom: 25px;
                    display: block;
                }

                section div.content-info h2 div{
                    float: right;
                    margin: 5px 0 0 0;
                    padding: 0;
                    font-size: 12px;
                    text-align: right;
                    text-transform: none;
                    font-weight: 500;
                    color: #ccc;
                }


                section div.content-info hr{
                    width: 100%;
                    height: 2px;
                    margin: 0 0 30px 0;
                    padding: 10px 0;
                    clear: both;
                    border: 0;
                    border-bottom: 1px solid #e7e7e7;
                } 


section div.slider{
    width: 1008px;
    height: 240px;
    background-color: #fff;
    border:1px solid #b5d0d9;
    padding: 7px;
    margin-bottom: 25px;
}

section div.modulos{
    width: 314px;
    height: 299px;
    float: left;
    background-color: #fff;
    border:1px solid #b5d0d9;
    padding: 7px;
    margin: 0 17px 25px 0;
}

            section div.modulos img{
                width: auto;
                height: auto;
                max-width: 313px;
                height: 136px;
                border: none;
            }
                    section div.modulos img a{border:none;}

            section div.modulos h1{
                width: 303px;
                height: auto;
                margin: 0 0 10px 0;
                padding: 5px;
                text-align: center;
                font-size: 16px;
                color: #8b0f2e;
                border-bottom: 1px solid #e2e2e2;
            }
                    section div.modulos h1 a{color: #8b0f2e; text-decoration: none;}
                    section div.modulos h1 a:hover{color: #8b0f2e; text-decoration: underline;}


            section div.modulos ul{
                margin: 0;
                padding: 0 0 0 22px;
            }

                section div.modulos li{
                    list-style-image: url(../images/build/icon-lista-modulos.png);
                    color: #8b0f2e;
                    font-size: 12px;
                    font-weight: 500;
                    line-height: 22px;
                }
                            section div.modulos li a{color: #8b0f2e; text-decoration: none;}
                            section div.modulos li a:hover{color: #8b0f2e; text-decoration: underline;}


section div.modulos-last{
    width: 314px;
    height: 299px;
    float: left;
    background-color: #fff;
    border:1px solid #b5d0d9;
    padding: 7px;
    margin: 0 0 25px 0;
}

            section div.modulos-last img{
                width: auto;
                height: auto;
                max-width: 313px;
                height: 136px;
                border: none;
            }
                    section div.modulos-last img a{border:none;}

            section div.modulos-last h1{
                width: 303px;
                height: auto;
                margin: 0 0 10px 0;
                padding: 5px;
                text-align: center;
                font-size: 16px;
                color: #8b0f2e;
                border-bottom: 1px solid #e2e2e2;
            }
                    section div.modulos-last h1 a{color: #8b0f2e; text-decoration: none;}
                    section div.modulos-last h1 a:hover{color: #8b0f2e; text-decoration: underline;}


            section div.modulos-last ul{
                margin: 0;
                padding: 0 0 0 22px;
            }

                section div.modulos-last li{
                    list-style-image: url(../images/build/icon-lista-modulos.png);
                    color: #8b0f2e;
                    font-size: 12px;
                    font-weight: 500;
                    line-height: 22px;
                }
                            section div.modulos-last li a{color: #8b0f2e; text-decoration: none;}
                            section div.modulos-last li a:hover{color: #8b0f2e; text-decoration: underline;}



section div.separador{
    width: 100%;
    height: 2px;
    background: url(../images/build/linea-separador.png) repeat-x top left;
    margin: 25px 0;
    padding: 0;
    clear: both;
}


section div.info-home{
    width: 1008px;
    height: 240px;
    background-color: #fff;
    border:1px solid #b5d0d9;
    padding: 7px;
    margin-bottom: 25px;
}

            section div.video-youtube{
                width: 365px;
                height: 220px;
                background-color: #388bc0;
                float: left;
                padding: 10px;
            }

            section div.info-home-empresa{
                width: 559px;
                height: 196px;
                float: right;
                background-color: #efefef;
                padding: 22px 32px;
            }

                    section div.info-home-empresa p{
                        width: 100%;
                        height: auto;
                        color: #666;
                        font-size: 15px;
                        font-weight: 300;
                        font-family: 'Roboto', sans-serif;
                        margin: 0 0 10px 0;
                    }

                   section div.info-home-empresa img{
                        width: 174px;
                        height: 64px;
                        margin: 0 0 10px 180px;
                    }

                    section div.info-home-empresa table{
                        width:530px;
                        height: 40px;
                    }

                            section div.info-home-empresa table td{
                                width: 33.33%;
                                height: 15px;
                                font-size: 12px;
                                color:#8b0f2e;
                                text-transform: uppercase;
                                font-weight: 500;
                            }

                     section div.info-home-empresa a{
                         width: 100%;
                         height: 20px;
                         text-align: right;
                         display: block;
                         float: right;
                         font-size: 12px;
                         color:#8b0f2e;
                         text-decoration: none;
                         margin: 10px 20px 0 0;
                     }
                                section div.info-home-empresa a:hover{
                                    color:#8b0f2e;
                                    text-decoration: underline;
                                 }

section div.consultas{
    width: 362px;
    height: auto; 
    background-color: #fff;
    border:1px solid #b5d0d9;
    padding: 16px;
    float: left;
    
}

        section div.consultas h3{
            font-size: 16px;
            font-weight: 700;
            color:#8b0f2e;
            width: 100%;
            padding: 0 0 10px 0;
            text-align: center;
            display: block;
            border-bottom: 1px solid #b5d0d9;
            text-transform: uppercase;
            font-family: 'Roboto', sans-serif;
            margin-bottom: 20px;
        }

        section div.consultas select{
            width: 100%;
            height: auto;
            padding: 7px 5px;
            border: 1px solid #b5d0d9;
            margin: 0 0 20px 0;
            color: #666;
        }

        section div.consultas input{
            width: 97%;
            height: auto;
            padding: 7px 5px;
            border: 1px solid #b5d0d9;
            margin: 0 0 20px 0;
            color: #666;
        }

        section div.consultas textarea{
            width: 97%;
            height: 80px;
            padding: 5px;
            border: 1px solid #b5d0d9;
            margin: 0 0 15px 0;
            color: #666;
        }

        section div.consultas tablet{
            width: 100%;
            height: auto;
            margin: 0 0 15px 0;
        }
                section div.consultas td{padding: 5px 10px;}
                section div.consultas td img a{border:none;}
                section div.consultas td input{
                    width: 98%;
                    height: auto;
                    padding: 5px;
                    border: 1px solid #b5d0d9;
                    margin: 0;
                    color: #666;
                }
                section div.consultas td input[type=button]{
                    width: 21px;
                    height: 21px;
                    background: url(../images/build/icon-refresh.png) no-repeat top left;
                    border: none;
                    cursor: pointer;
                }
                
        section div.consultas input[type="submit"]{
            padding: 6px 15px;
            background-color: #4497c3;
            text-transform: uppercase;
            border: 0;
            width: auto;
            color:#fff;
            margin: 10px 0 10px 100px;
            cursor: pointer;
            font-size: 13px;
            font-weight: 500;
            font-family: 'Roboto', sans-serif;
        }

                section div.consultas input[type="submit"]:hover{
                    color:#a6daf5;
                    text-decoration: none;
                }


section div.noticias{
    width: 578px;
    height: auto; 
    background-color: #fff;
    border:1px solid #b5d0d9;
    padding: 16px;
    float: right;
    
}

            section div.noticias hr{
                width: 100%;
                height: 2px;
                margin: 0 0 15px 0;
                padding: 5px 0;
                clear: both;
                border: 0;
                border-bottom: 1px solid #ccc;
            }

            section div.noticias h3{
                font-size: 16px;
                font-weight: 700;
                color:#8b0f2e;
                width: 100%;
                padding: 0 0 10px 0;
                text-align: center;
                display: block;
                border-bottom: 1px solid #b5d0d9;
                text-transform: uppercase;
                font-family: 'Roboto', sans-serif;
                margin-bottom: 20px;
            }
            
            section div.noticia-home{
                width: 100%;
                height: auto;
                margin: 0 0 15px 0;
            }

                    section div.img-noticia-home{
                        float: left;
                        margin: 0 10px 0 0;
                    }

                            section div.img-noticia-home img{
                                width: auto;
                                height: auto;
                                max-width: 100px;
                                max-height: 80px;
                            }

                    section div.txt-noticia-home{
                        width: 460px;
                        height: auto;
                        float: right;
                        margin: 0;
                    }

                                section div.txt-noticia-home h1{
                                    width: 100%;
                                    height: auto;
                                    padding: 0;
                                    margin: 0;
                                    font-size: 16px;
                                    font-weight: 600;
                                    color: #8b0f2e;
                                }
                                        section div.txt-noticia-home h1 a{
                                            color: #8b0f2e;
                                            text-decoration: none;
                                        }

                                        section div.txt-noticia-home h1 a:hover{
                                            color: #4c0416;
                                            text-decoration: none;
                                        }

                                section div.txt-noticia-home p{
                                    width: 100%;
                                    height: auto;
                                    font-family: 'Roboto', sans-serif;
                                    padding: 0;
                                    margin: 0;
                                    font-size: 12px;
                                    font-weight: 400;
                                    color: #666;
                                }

                                section div.txt-noticia-home span{
                                    display: block;
                                    width: 100%;
                                    height: auto;
                                    text-align: right;
                                }

                                        section div.txt-noticia-home span a{
                                            padding-right: 25px;
                                            font-size: 12px;
                                            color: #8b0f2e;
                                            text-decoration: none;
                                        }
                                        section div.txt-noticia-home span a:hover{
                                            color: #8b0f2e;
                                            text-decoration: underline;
                                        }

/* Productos */

section div.prod{
    background-color: #fff;
    border: 1px solid #b5d0d9;
    width: 446px;
    height: 121px;
    padding: 12px;
}

        section div.prod img{
            width: 168px;
            height: 121px;
            float: left;
        }

        section div.info-prod{
            width: 252px;
            height: 120px;
            float: right;
            border-left:1px solid #b5d0d9;
            padding-left: 12px;
        }

        section div.info-prod h3{
            width: 100%;
            margin: 0 0 8px 0;
            padding: 0;
            color: #8b0f2e;
            font-size: 18px;
            font-family: 'Roboto';
            line-height: 12px;
            text-transform: none;
        }

        section div.info-prod p{
            width: 100%;
            height: auto;
            color: #7f7f7f;
            font-family: 'Roboto', sans-serif;
            font-size: 12px;
            font-weight: 400;
            text-align: justify;
            line-height: 12px;
        }

        section div.info-prod a{
            width: 95%;
            height: 12px;
            text-align: right;
            display: block;
            font-size: 12px;
            color: #8b0f2e;
            text-decoration: none;
            margin: 4% 5% 0 0;
        }
            
section div.product-espcs{
            width: 982px;
            height: auto;
            background-color: #fff;
            border:1px solid #b5d0d9;
            padding: 20px;
            margin-bottom: 25px;
        }


                section div.product-espcs h2{
                    width: 100%;
                    height: auto;
                    color: #8b0f2e;
                    border-bottom:1px solid #e7e7e7;
                    padding: 0 0 10px 0;
                    margin-bottom: 25px;
                    display: block;
                }


                section div.product-espcs div{
                    width: auto;
                    height: auto;
                    margin: 0;
                    font-size: 12px;
                    padding: 10px;
                    max-width: 350px;
                }

                section div.product-espcs div ul{padding: 0 0 0 5px; margin: 0 0 0 5px;}
                section div.product-espcs div li{padding: 0; margin: 0;}
                section div.product-espcs div p{margin: 5px 0; font-size: 12px;}
                section div.product-espcs img{float: right; margin: 10px 10px 0 0; border:1px solid #ccc;}





section div.volver{
    font-size: 10px;
    padding: 4px 8px;
    float: right;
    background-color: #fff;
    border: 1px solid #b5d0d9;
    margin: 0 0 10px 0;
}

        section div.volver a{color: #4493bc; text-decoration: none;}


/* footer */

footer{
    width: 100%;
    height: 151px;
    background: url(../images/build/footer-back.png) repeat-x top left;
}

            footer div.footer-content{
                width: 1024px;
                height: 151px;
                background: url(../images/build/footer-back.png) repeat-x top left;
                margin: 0 auto;
            }
            
                    footer div.info-footer{
                        width: 545px;
                        height: 115px;
                        float: left;
                        background: url(../images/build/separador-footer.png) repeat-y right;
                        margin: 20px 0 0 0;
                    }


                            footer div.info-footer a#logo-footer{
                                background:url(../images/build/Asturcom-Logo-footer.png) no-repeat top left;
                                display:block;
                                float:left;
                                width:242px;
                                height:90px;
                                margin: 12px 0 0 0;

                            }

                            footer div.info-footer p{
                                width: 300;
                                height: auto;
                                float: right;
                                margin: 37px 15px 0 0;
                                font-size: 12px;
                                color:#addefa;
                                text-shadow: 1px 1px #3585ae;
                            }

                                    footer div.info-footer p a{
                                        color:#addefa;
                                        text-shadow: 1px 1px #3585ae;
                                        text-decoration: none;
                                        font-size: 13px;
                                    }
                                    footer div.info-footer p a:hover{
                                        color:#fff;
                                        text-shadow: 1px 1px #3585ae;
                                        text-decoration: none;
                                        font-size: 13px;
                                    }

                            footer div.info-footer p span{
                                font-size: 13px;
                                color:#addefa;
                                text-shadow: 1px 1px #3585ae;
                            }

                    footer div.menu-footer{
                        width: 196px;
                        height: 115px;
                        float: left;
                        background: url(../images/build/separador-footer.png) repeat-y right;
                        margin: 20px 0 0 0;
                    }

                            footer div.menu-footer ul{
                                padding: 15px 0 0 0;
                                margin: 0 0 0 15px;
                                font-size: 12px;
                            }

                                    footer div.menu-footer li{
                                        list-style-image: url(../images/build/icon-lista-menu-footer.png);
                                        float: left;
                                        width: 70px;
                                        height: auto;
                                        color: #addefa;
                                        margin-left: 10px;
                                        line-height: 22px;
                                        text-shadow: 1px 1px #3585ae;
                                    }

                                            footer div.menu-footer li a{
                                                color: #addefa;
                                                text-decoration: none;
                                            }

                                            footer div.menu-footer li a:hover{
                                                color: #fff;
                                                text-decoration: none;
                                            }
                                        
                                      
                    footer div.img-afip{
                        width: 108px;
                        height: 115px;
                        float: left;
                        background: url(../images/build/separador-footer.png) repeat-y right;
                        margin: 20px 0 0 0;
                    }

                            footer div.img-afip img{
                                width: auto;
                                height: auto;
                                max-width: 57px;
                                height: 78px;
                                margin: 20px 0 0 25px;
                            }
                                        footer div.img-afip img a{border: 0;}




                    footer div.copy{
                        width: 158px;
                        height: 80px;
                        float: right;
                        margin: 25px 2px 0 0;
                        text-align: right;
                        position: relative;
                    }

                            footer div.copy p{
                                font-size: 12px;
                                color:#addefa;
                                text-shadow: 1px 1px #3585ae;
                            }

                                        footer div.copy p a{
                                            color:#addefa;
                                            text-shadow: 1px 1px #3585ae;
                                            text-decoration: none;
                                        }
                                        footer div.copy p a:hover{
                                            color:#fff;
                                            text-shadow: 1px 1px #3585ae;
                                            text-decoration: none;
                                            s
                                        }

                            footer div.copy img {
                               /* display: block;
                                position: absolute;
                                top:72px;
                                left: 20px;*/
							   display:block;
							   position:absolute;
							   right:120px;

                            }


/* Section Noticias */


        section div.noticia-left{
            width: 45%;
            height: auto;
            margin: 0 0 15px 0;
            float: left;
            padding-right: 37px;
            border-right: 1px solid #e7e7e7;

        }

                    section div.img-noticia-cat{
                        float: left;
                        margin: 0 10px 0 0;
                    }

                                section div.img-noticia-cat img{
                                    width: auto;
                                    height: auto;
                                    max-width: 100px;
                                    max-height: 80px;
                                }

                    section div.txt-noticia-cat{
                        width: 75%;
                        height: auto;
                        float: right;
                        margin: 0;
                    }

                                section div.txt-noticia-cat h1{
                                    width: 100%;
                                    height: auto;
                                    padding: 0;
                                    margin: 0;
                                    font-size: 16px;
                                    font-weight: 600;
                                    color: #8b0f2e;
                                    border: 0;
                                }
                                        section div.txt-noticia-cat h1 a{
                                            color: #8b0f2e;
                                            text-decoration: none;
                                        }

                                        section div.txt-noticia-cat h1 a:hover{
                                            color: #4c0416;
                                            text-decoration: none;
                                        }

                                section div.txt-noticia-cat p{
                                    width: 100%;
                                    height: auto;
                                    font-family: 'Roboto', sans-serif;
                                    padding: 0;
                                    margin: 0;
                                    font-size: 12px;
                                    font-weight: 400;
                                    color: #666;
                                }

                                section div.txt-noticia-cat span{
                                    display: block;
                                    width: 100%;
                                    height: auto;
                                    text-align: right;
                                }

                                        section div.txt-noticia-cat span a{
                                            padding-right: 25px;
                                            font-size: 12px;
                                            color: #8b0f2e;
                                            text-decoration: none;
                                        }
                                        section div.txt-noticia-cat span a:hover{
                                            color: #8b0f2e;
                                            text-decoration: underline;
                                        }




        section div.noticia-right{
            width: 45%;
            height: auto;
            margin: 0 0 15px 0;
            float: right;
        }



section div.info-noticia{
            width: 100%;
            height: auto;
            margin: 0 0 15px 0;
            float: left;

        }

                        section div.info-noticia img{
                            width: auto;
                            height: auto;
                            max-width: 190px;
                            max-height: 152px;
                            float: left;
                            margin: 0 15px 15px 0;
                        }

                        section div.info-noticia p{
                            width: 100%;
                            height: auto;
                            font-family: 'Roboto', sans-serif;
                            padding: 0;
                            margin: 0 0 15px 0;
                            font-size: 12px;
                            font-weight: 400;
                            color: #666;
                            text-align: justify;
                        }
                   



/* info productos */

section div.info-general{
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
    padding-bottom: 10px;
}

                        section div.info-general img{
                            margin: 0 0 15px 0;
                        }

                        section div.info-general p{
                            width: auto;
                            height: auto;
                            font-family: 'Roboto', sans-serif;
                            padding: 0;
                            margin: 0 0 15px 0;
                            font-size: 12px;
                            font-weight: 400;
                            color: #666;
                            text-align: justify;
                        }

                        section div.info-general ul{
                            margin: 0 0 25px 18px;
                            padding: 0;
                            font-size: 12px;
                            font-weight: 400;
                            color: #666;
                        }

                        section div.info-general ol{
                            margin: 0 0 25px 18px;
                            padding: 0;
                            font-size: 12px;
                            font-weight: 400;
                            color: #666;
                        }
                                section div.info-general p img{
                                    float: left;
                                    margin: 0 10px 10px 0;
                                    width: auto;
                                    height: auto;
                                    max-width: 280px;
                                    max-height: 230px;
                                }

                        section div.info-general div{
                            width: 205px;
                            height: auto;
                            float: right;
                            margin-left: 15px;                          
                        }

                                section div.info-general div img{
                                    width: auto;
                                    height: auto;
                                    border: 1px solid #ccc;
                                    float: right;
                                    margin: 0 auto 15px auto;
                                    max-width: 200px;
                                    text-align: center;

                                }

                                        section div.info-general div a{
                                            border: 0;
                                            margin: 0;
                                            padding: 0;
                                            text-decoration: 0;
                                        }
                                
                                section div.info-general div.subtitulo-prod{
                                    width: 760px;
                                    float: left;
                                    height: auto;
                                    padding-bottom: 10px;
                                    margin: 0;
                                    font-size: 16px;
                                    border-bottom: 1px solid #e7e7e7;
                                    text-transform: uppercase;
                                }

                                        section div.info-general div.subtitulo-prod span{
                                            font-size: 12px;
                                        }

                                section div.info-general div.tabla-prod{
                                    width: 760px;
                                    height: auto;
                                    float: left;
                                    margin: 15px 0 20px 0;
                                }

                                            section div.info-general div.tabla-prod td{
                                                text-align: center;
                                                padding: 4px 5px;
                                                font-size: 12px;
                                            }





                        section div.info-general td{
                            text-align: center;
                            padding: 4px 10px;
                            font-size: 12px;
                        }

                        section div.info-general a{
                            padding: 0;
                            border: 0;
                            color: #8b0f2e;
                            text-decoration: none;
                            background-color: #fff;
                            font-size: 13px;
                            font-weight: 500;
                        }

                            section div.info-general a:hover{
                                color: #8b0f2e;
                                text-decoration: underline;
                            }

                        section div.info-general .link{
                            padding: 5px 15px;
                            border: 1px solid #b5d0d9;
                            color: #8b0f2e;
                            text-decoration: none;
                            background-color: #fff;
                            font-size: 13px;
                            font-weight: 500;
                        }

                        section div.info-general .link:hover{background-color: #e1ebef; text-decoration: none;}

/* AREA CLIENTES */

section div.info-area-clientes{
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
    padding-bottom: 10px;
}

                        section div.info-area-clientes img{
                            margin: 0 0 15px 0;
                        }

                        section div.info-area-clientes p{
                            width: auto;
                            height: auto;
                            font-family: 'Roboto', sans-serif;
                            padding: 0;
                            margin: 0 0 15px 0;
                            font-size: 12px;
                            font-weight: 400;
                            color: #666;
                            text-align: justify;
                        }

                        section div.info-area-clientes ul{
                            margin: 0 0 25px 18px;
                            padding: 0;
                            font-size: 12px;
                            font-weight: 400;
                            color: #666;
                        }

                        section div.info-area-clientes ol{
                            margin: 0 0 15px 18px;
                            padding: 0;
                            font-size: 12px;
                            font-weight: 400;
                            color: #666;
                        }
                                section div.info-area-clientes p img{
                                    float: left;
                                    margin: 0 10px 10px 0;
                                    width: auto;
                                    height: auto;
                                    max-width: 280px;
                                    max-height: 230px;
                                }


                        section div.info-area-clientes a{
                            padding: 0;
                            border: 0;
                            color: #8b0f2e;
                            text-decoration: none;
                            background-color: #fff;
                            font-size: 13px;
                            font-weight: 500;
                        }

                            section div.info-area-clientes a:hover{
                                color: #8b0f2e;
                                text-decoration: underline;
                            }

.login-form {
	width:330px;
	height:auto;
	margin: 0 0 0 50px;
}			
			
			.login-form fieldset { border:1px solid #e7e7e7; padding: 0 0 15px 0 \9; /* IE8 Hack */ margin-bottom: 20px; }
			
						.login-form fieldset legend {
							font-family: Roboto, sans-serif;
							font-size:15px;
                            font-weight: 500;
							margin: 0 0 8px 0;
							margin: 0 0 12px 5px \9; /* IE8 Hack */	
						}
						
						
						.login-form form label {
							font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
							font-size:12px;	
							font-weight:lighter;							
							color:#666;
							display:inline-block;
							width:80px;	
							float:left;	
							margin: 0 0 0 5px;
							margin: 0 0 0 10px \9; /* IE8 Hack */					
						}
						
						.login-form form input {
							font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
							font-size:12px;	
							font-weight:lighter;							
							color:#666;
							display:block;
							width:180px;
							float:left;	
							margin: 0 10px 10px 0;					
						}
						
						.login-form form input[type="submit"] {
							font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
							font-size:12px;	
							font-weight:lighter;							
							color:#fff;
							width:100px;
							height:30px;
							background:#387db7;
							border:1px solid #999;
							text-align:center;
							float:left;
							margin: 0 0 0 85px;
							margin: 0 0 0 90px \9; /* IE8 Hack */
                            border: 0;
						}


/* Info Representaciones */

section div.info-representaciones{
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
    padding-bottom: 10px;
}

        section div.info-representaciones a img{
            margin: 10px 0 15px 0;
            padding: 0;
            border: 1px solid #c3c3c3;
        }

                section div.info-representaciones .left{
                    float: left;
                    margin-right: 28px;
                }

                section div.info-representaciones .right{
                    float: right;
                }



/* Info Distribuidores */

section div.info-distribuidores{
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
    padding-bottom: 10px;
}

        section div.info-distribuidores .left{
            float: left;
            margin-left: 50px;
        }

        section div.info-distribuidores .right{
            float: right;
            margin-right: 50px;
        }

        section div.distribuidor{
            width: 390px;
            height: 100px;
            margin: 10px 0 25px 0;
            padding: 10px;
            border: 1px solid #c3c3c3;
        }

            section div.distribuidor img{
                float: left;
                width: 150px;
                padding-right: 10px;
                border-right: 1px solid #c3c3c3;
                margin-right: 10px;
            }

                    section div.distribuidor img a{
                        border: 0;
                    }
                    section div.distribuidor img a:hover{
                        border: 0;
                    }

            section div.distribuidor p{
                font-family: 'Roboto', sans-serif;
                font-size: 12px;
                font-weight: 400;
                color: #666;
            }

                    section div.distribuidor p a{
                        text-decoration: none;
                        color: #8b0f2e;
                    }

                    section div.distribuidor p a:hover{
                        text-decoration: underline;
                        color: #8b0f2e;
                    }
                        


/* Contacto */

section div.info-contacto{
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
    padding-bottom: 10px;
}


/* Content Sidebar */
section div.content-sidebar{
    width: 600px;
    height: auto;
    float: left;
    border-right: 1px solid #e7e7e7;
}

        section div.content-sidebar h1{
            width: 100%;
            height: auto;
            margin: 0 0 10px 0;
            color: #1d5b9c;
        }
        
        section div.content-sidebar p{
            width: 100%;
            height: auto;
            font-size: 14px;
            font-weight: 300;
            font-family: 'Trebuchet MS', Helvetica, sans-serif;
            margin: 0;
        }


/* Sidebar */

section div.sidebar{
    width: 350px;
    height: auto;
    float: right;

}

        section div.sidebar h3{
            width: 100%;
            height: auto;
            margin: 0 0 10px 0;
            color: #333;
        }

        section div.sidebar iframe{
            width: 302px;
            height: 550px;
            margin: 15px 0 0 20px;
        }


/* Contacto */

section div.content-sidebar table{
    width: 500px;
    height: auto;
    /*border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;*/
    margin: 20px 0;
    padding: 0;
}

section div.content-sidebar td{
    /*border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;*/
    margin: 20px 0;
    padding: 7px 20px 7px 5px;
    font-size: 14px;
    text-align: right;
}

        section div.content-sidebar td input{
            height: auto;
            width: 100%;
            padding: 5px;
            border: 1px solid #ccc;
            color: #888;
        }

        section div.content-sidebar td input[type=button]{
            width: 33px;
            height: 31px;
            border: none;
            background: url(../images/build/refresh.png) no-repeat top left;
            cursor: pointer;
        }

        section div.content-sidebar td textarea{
            height: 120px;
            width: 100%;
            padding: 5px;
            border: 1px solid #ccc;
            color: #888;
        }

                section div.content-sidebar td input[type="submit"]{
                    height: auto;
                    width: auto;
                    padding: 10px 20px;
                    border: none;
                    color: #fff;
                    background-color: #1d5b9c;
                    /*float: left;*/
                    margin: 0;
                    text-transform: uppercase;
                    cursor: pointer;
                    font-size: 11px;
                }
                        section div.content-sidebar td input[type="submit"]:hover{color: #fff; background-color: #13457a; text-decoration: none;}
                

                section div.content-sidebar td input[type="reset"]{
                    height: auto;
                    width: auto;
                    padding: 10px 20px;
                    border: none;
                    color: #fff;
                    background-color: #4d4d4d;
                    /*float: left;*/
                    margin: 0 10px 0 120px;
                    text-transform: uppercase;
                    cursor: pointer;
                    font-size: 11px;
                    
                }
                        section div.content-sidebar td input[type="reset"]:hover{color: #fff; background-color: #373737; text-decoration: none;}

    


/*************/
/* Registro */
/***********/

section .info-area-clientes form input {
            font-family:Arial, Helvetica, sans-serif;
            font-size:11px;
            color:#666;
            padding:5px;
            width:320px;
            height:20px;
            border:1px solid #bbb;
            margin:0 20px 16px 0;
            vertical-align:top;
        }

.registration-form {
	width:760px;
	*width:720px;
	height:auto;
	float:left;
	margin:25px 0 40px 0;
	*margin:25px 0 40px 0; /*IE7 Hack*/
}


		.registration-column {
			width:360px;
			height:auto;
			margin:0 0 20px 0;
			float:left;
		}
		
					.registration-column input.codex { margin:7px 0 0 0; height:15px; float:left; }
				
					.registrationbuttons{
						width:260px;
						height:40px;
						margin:6px 0 0 0;
						float:left;
					}
					
							.registrationbuttons input[type="submit"] {
								font-family:Arial, Helvetica, sans-serif;
                                font-size:16px;
                                color:#fff;
                                text-align:center;
                                line-height:20px;
                                padding:5px;
                                width:100px;
                                height:30px;
                                background:#387db7;
                                border:none;
                                margin:0;	
                                cursor: pointer;
							}

							.registrationbuttons input[type="reset"] {
								font-family:Arial, Helvetica, sans-serif;
                                font-size:16px;
                                color:#666;
                                text-align:center;
                                line-height:20px;
                                padding:5px;
                                width:100px;
                                height:30px;
                                background:#ccc;
                                border:none;
                                cursor: pointer;
							}
						.img-captcha{
							width: 100px;
							height: 18px;
							margin-top: 4px;
							float: right;
						}

                        section div.captcha{
                            width: 400px;
                            float: left;
                            margin: 5px 10px 0 0;
                        }

                        section div.captcha input[type=text]{
                            font-family:Arial, Helvetica, sans-serif;
                            font-size:11px;
                            color:#666;
                            padding:5px;
                            width:200px;
                            height:20px;
                            border:1px solid #bbb;
                            margin:0 0 16px 0;
                            vertical-align:top;
                        }

                        section div.captcha input[type=button]{
                            width: 21px;
                            height: 21px;
                            background: url(../images/build/icon-refresh.png) no-repeat top left;
                            border: none;
                            cursor: pointer;
                            margin: 5px 10px 0 0;
                        }


/* Resultado de Busqueda */

section div.resultado-busqueda{
    width: 100%;
    height: auto;
    padding: 25px 0;
    border-bottom: 1px dotted #ccc;
}

        section div.resultado-busqueda h2{
            font-family: 'Roboto', sans-serif;
            font-size:18px;
            text-transform:uppercase;
            margin:0;
            padding:0;
            color: #8b0f2e;
            border-bottom: none;
        }

                section div.resultado-busqueda h2 a{
                    color: #8b0f2e;
                    text-decoration: none;
                }

                section div.resultado-busqueda h2 a:hover{
                    color: #666;
                    text-decoration: none;
                }

        section div.resultado-busqueda p{
            width: 100%;
            height: auto;
            color: #666;
            font-size: 15px;
            font-weight: 300;
            font-family: 'Roboto', sans-serif;
            margin: 0 0 10px 0;
        }

section div.no-resultado-busqueda{
    width: 100%;
    height: auto;
    padding: 20px 0 200px 0;

}

        section div.no-resultado-busqueda h1{
            font-family: 'Roboto', sans-serif;
            font-size:23px;
            text-transform:uppercase;
            margin:0;
            padding:0;
            color: #666;
            border-bottom: none;
        }


        section div.no-resultado-busqueda p{
            width: 100%;
            height: auto;
            color: #666;
            font-size: 15px;
            font-weight: 300;
            font-family: 'Roboto', sans-serif;
            margin: 0 0 10px 0;
        }









section div.external-subtitulo{
    width: 100%;
    height: auto;
    background: url(../images/build/lineas-subtitulo.png) repeat-x top left;
    margin: 15px 0 20px 0;
    padding: 10px 0;
    clear: both;
}

				
h1{
	font-family: 'Roboto', sans-serif;
	font-size:25px;
	text-transform:uppercase;
	margin:0;
	padding:0;
}

h2{
	font-family: 'Roboto', sans-serif;
	font-size:19px;
	text-transform:uppercase;
	margin:0;
	padding:0;
    font-weight: bolder;
}

h3{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	text-transform:uppercase;
	margin:0;
	padding:0;
    font-weight: bolder;
    color:#8b0f2e;
    
}

.subtitulo{
    border-bottom: 1px solid #8b0f2e;
    }

.rojo{color:#f00;}
.azul{color:#1d5b9c;}
.bold{font-weight:bolder;}
.limpia{clear: both;}
.left{float: left;}
.right{float: right;}
.gris-claro{color:#c3c3c3;}
.bordo{color:#8b0f2e;}